<template>
  <el-form :model="formData" ref="vForm" :rules="rules" label-position="left" label-width="80px" size="medium"
    @submit.native.prevent>
    <div class="center">
      <el-divider direction="horizontal"></el-divider>
    </div>
    <div>
      <div class="record-title">症状自评量表(SCL-90)使用说明</div>
    </div>
    <div class="instructions center">
      <p style="text-indent: 2em;">一、简介</p>
      <p style="text-indent: 2em;">症状自评量表 (The self-report symptom inventory，Symptom checklist，90，简称 SCL90) 有90个评定项目,
        每个项目分五级评分,包含了比较广泛的精神病症状学内容，从感觉、情感、思维、意识、行为直至生活习惯、人际关系、饮食等均有涉及，能准确刻划被试的自觉症状，能较好地反映被试的问题及其严重程度和变化，是当前研究神经症及综合性医院住院病人或心理咨询门诊中应用最多的一种自评量表。
      </p>
      <p style="text-indent: 2em;">SCL－90主要提供以下分析指标：</p>
      <ol>
        <li>总分和总均分</li>
        <p style="text-indent: 2em;">总分是90个项目各单项得分相加，最低分为90分，最高分为450分。</p>
        <p style="text-indent: 2em;">总均分＝总分÷90，表示总的来看， 被试的自我感觉介于1－5的哪 一个范围</p>
        <li>阴性项目数表示被试“无症状”的项目有多少。</li>
        <li>阳性项目数表示被试在多少项目中呈现“有症状”。</li>
        <li>阳性项目均分表示“有症状”项目的平均得分。 可以看出被试自我感觉不佳的程度究竟在哪个范围。</li>
        <li>因子分
          <p style="text-indent: 2em;">SCL－90有 10个因子，每个因子反映被试某方面的情况， 可通过因子分了解被试的症状分布特点以及问题的具体演变过程。</p>
          <p style="text-indent: 2em;">下面是10个因子的定义：</p>
          <ol style="list-style-type: lower-alpha;">
            <li>躯体化因子：该因子主要反映主观的身体不适感，包括心血管、肠胃道、呼吸道系统主诉不适和头痛、脊痛、肌肉酸痛、以及焦虑的其他躯体表现。</li>
            <li>强迫症状：该因子主要指那种明知没有必要，但又无法摆脱的无意义的思想、冲动、行为等表现，还有一些比较一般的感知障碍(如脑子变空了，“记忆力不行”等)也在这一因子中反映。</li>
            <li>人际关系敏感：该因子主要是反映某些个人不自在感与自卑感，尤其是在与其他人相比较时更为突出。自卑感、懊丧、以及在人事关系明显相处不好的人，往往这一因子得高分。</li>
            <li>忧郁因子：反映的是临床上忧郁症状群相联系的广泛的概念。忧郁苦闷的感情和心境是代表性症状，它还以对生活的兴趣减退，缺乏活动的愿望、丧失活动力等为特征，并包括失望、悲叹、与忧郁相联系的其它感知及躯体方面的问题。</li>
            <li>焦虑因子：包括一些通常临床上明显与焦虑症状相联系的症状与体验。一般指那些无法静息、神经过敏、紧张、以及由此产生躯体征象 (如震颤)。那种游离不定的焦虑及惊恐发作是本因子的主要内容，它还包括有一个反映“解体”的项目。</li>
            <li>敌对因子：主要以三方面来反映病人的敌对表现、思想、感情及行为。包括从厌烦、争论、摔物、直至争斗和不可抑制的冲动暴发等各个方面。</li>
            <li>恐怖因子：与传统的恐怖状态所反映的内容基本一致，恐惧的对象包括出门旅行，空旷场地、人群、或公共场合及交通工具。此外还有反映社交恐怖的项目。</li>
            <li>偏执因子：偏执是一个十分复杂的概念，本因子只是包括了它的一些基本内容，主要是指思维方面，如投射性思维，敌对、猜疑、关系妄想、忘想、被动体验和夸大等。</li>
            <li>精神病性：其中有幻想、思维播散、被控制感、思维被插入等反映精神分裂症择定状项目。</li>
            <li>其它：该因子是反映睡眠及饮食情况的。</li>
          </ol>
        </li>
      </ol>
    </div>
  </el-form>

</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      formData: {
        radio48385: 2,
      },
      rules: {},
      radio48385Options: [{
        "label": "是",
        "value": 1
      }, {
        "label": "否",
        "value": 2
      }],
    }
  },
  computed: {},
  watch: {},
  created() { },
  mounted() { },
  methods: {
    submitForm() {
      this.$refs['vForm'].validate(valid => {
        if (!valid) return
        //TODO: 提交表单
      })
    },
    resetForm() {
      this.$refs['vForm'].resetFields()
    }
  }
}

</script>

<style lang="scss" scoped>
.center {
  width: 80%;
  margin: 0 auto;
}

.record-title {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

.static-content-title {
  font-size: 18px;
  text-align: center;
  margin: 15px 0;
}

.footer {
  min-height: 20px;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 18px;
}

.static-content-item {
  min-height: 20px;
  display: flex;
  align-items: center;
  margin-right: 20px;

  ::v-deep .el-divider--horizontal {
    margin: 0;
  }
}

.static-content-item-head {
  min-height: 20px;
  font-size: 16px;
  display: flex;

  ::v-deep .el-divider--horizontal {
    margin: 0;
  }
}

::v-deep .el-divider--horizontal {
  margin: 0;
}

.float-right {
  float: right;
  width: 200px;
}

.custom-font-size {
  font-size: 16px;
}

.instructions {
  font-size: 18px;
  line-height: 1.6;
  padding: 20px;
  padding-top: 40px;
  border-radius: 5px;
}

.instructions p {
  margin-bottom: 10px;
}

.instructions ol {
  padding-left: 20px;
}

.instructions li {
  margin-bottom: 10px;
}

// 去除input样式
input {
  border: none;
  text-align: center;
  width: 100%;
}

input[type=text]:focus {
  outline: none;
}
</style>
